<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>新建文章</title>
    <link rel="stylesheet" href="js/need/layer.css" type="text/css">
    <link rel="stylesheet" href="less/article-edit.css" type="text/css">
    <link rel="stylesheet" href="less/simditor.css" type="text/css">
    <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
</head>
<body>
<div id="edit">
    <div class="ae-top" id="j-top" style="display: none">
        <div class="aet-title">如何在旅游的过程中提高自己的沟通能力?</div>
        <div class="aet-info clear">
            <p class="aet-date">02-08 10:10</p>
            <p class="aet-num">9963</p>
            <!--<a class="aet-edit" id="j-edit"></a>-->
        </div>
    </div>

    <div class="ae-top-edit" id="j-complete" style="display: block">
        <div class="ate-write">
            <input type="text" class="atew-input" placeholder="输入标题...">
        </div>
        <a id="j-completeBtn" class="ate-complete">完成</a>
    </div>
    <div class="h128 j-blank"></div>
    <div class="of-delete jd-show">
        <a id="j-delete" class="of-trash"></a>
    </div>
    <div class="h80 jd-show"></div>
    <div class="ae-content clear" id="j-content">
        <ul id="courseDetail">
        </ul>
    </div>
    <div class="move-pos" id="J-wrap"></div>
    <div class="h100"></div>
    <div class="bottom-edit">
        <div class="be-record fl">
            <a class="ber-record"><img src="images/record.png" alt="录音"></a>
            <a class="ber-key"><img src="images/keyboard.png" alt="输入键盘"></a>
        </div>
        <div class="be-write">
            <div id="j-word" class="editor" contenteditable="true">

            </div>
            <a class="no-press" id="j-record"></a>
            <a class="has-press"></a>
        </div>
        <div class="be-bold">
            <a class="beb-true"><img src="images/blod.png" alt=""></a>
            <a class="beb-false"><img src="images/blod-dan.png" alt=""></a>
        </div>
        <div class="be-send-img">
            <a class="be-img">
                <form id="head-form" method="POST" enctype="multipart/form-data">
                <label>
                    <input type="file" class="be-upload" name="-1" id="upload">
                    <img src="images/btn-pic-up.png" alt="" class="be-picture">
                    <input type="submit" style="display: none;" id="submit">
                </label>
                </form>
            </a>
            <a class="be-send"><img src="images/send-word.png" alt=""></a>
        </div>
    </div>
</div>
    <script id="listTemplate" type="text/x-handlebars-template">
        {{#each this}}
        <li style="{{isShow contentType 'VIDEO'}}">

            <div class="ae-img">
                <img src="images/header-eg.png" alt="">
            </div>
            <div class="ace-con aec-audio">
                <span class="left-icon"></span>
                <audio class="j-audio" load="media">
                    <source src="{{content}}" type="audio/mpeg" />
                    <source src="{{content}}" type="audio/wav" />
                    <source src="{{content}}" type="audio/ogg" />
                </audio>
                <span class="playicon"><img src="images/audio.png" alt=""></span>
                <span class="videonum"><a>{{duration}}</a>"</span>
            </div>
        </li>
        <li style="{{isShow contentType 'IMAGE'}}">
            <div class="ae-img">
                <img src="images/header-eg.png" alt="">
            </div>
            <div class="ace-con aec-picture">
                <span class="left-icon"></span>
                <img src="{{content}}" alt="示例图" class="p-pic">
            </div>
        </li>
        <li style="{{isShow contentType 'TEXT'}}">
            <div class="ae-img">
                <img src="images/header-eg.png" alt="">
            </div>
            <div class="ace-con aec-text">
                <span class="left-icon"></span>
                <p>
                    {{{textTohtml content}}}
                </p>
            </div>
        </li>
        {{/each}}
    </script>

<div class="startrecording">

</div>
</body>
<script type="text/javascript" src="./dist/articleAdd.bundle.js"></script>
</html>